﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<link href='http://meftun-deneme.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
	<title>iView Slider v2.0 (jQuery) | MeftunMede.Blogspot.com</title>
	<meta property="og:description" content="iView animasyonlu başlıklar, duyarlı düzeni ve (Video iFrame) slider gibi HTML Elementleri ile jQuery image slider kullanımı kolaydır. Kolayca slaytlar ve başlıklar sınırsız sayıda ekleyebilirsiniz. image slider, resim galerisi, afiş rotator, banner reklamları, hatta sunum olarak kullanın." />
<meta property="article:tag" content="banner rotator" />
<meta property="article:tag" content="creative" />
<meta property="article:tag" content="effects" />
<meta property="article:tag" content="gallery" />
<meta property="article:tag" content="image" />
<meta property="article:tag" content="jquery" />
<meta property="article:tag" content="mobile" />
<meta property="article:tag" content="photoslider" />
<meta property="article:tag" content="plugin" />
<meta property="article:tag" content="responsive" />
<meta property="article:tag" content="showcase" />
<meta property="article:tag" content="slider" />
<meta property="article:tag" content="slideshow" />
<meta property="article:tag" content="transition effects" />
<meta property="article:tag" content="video" />
<meta property="article:section" content="jQuery" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans|Oswald&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<style type="text/css" media="screen, projection">
html,body,div,h1,h2,h3,h4,a,code,ol,ul,li,table,tbody,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-family:"Open Sans","lucida grande",sans-serif,sans-serif;vertical-align:baseline;margin:0;padding:0;}
body{padding-top:30px;line-height:19px;font-size:13px;background-color:#282828;}
table{border-collapse:separate;border-spacing:0;margin-bottom:18px;width:100%;}
th,td{text-align:left;font-weight:400;padding:4px 10px 4px 5px;}
table,td,th{vertical-align:middle;}
.info{background:#222 url(http://1.bp.blogspot.com/-_ArTprQk3uY/U5xzR0hr-zI/AAAAAAAAAvg/4nN0znZfIhE/s1600/logo.png) no-repeat scroll 50% center;height:90px;}
h1,h2,h3,h4{font-weight:400;font-family:Oswald, Georgia, serif, Arial, "Lucida Grande", sans-serif;color:#f6f6f6;}
h1{font-size:33px;line-height:1;margin-bottom:6px;}
h2{font-size:24px;margin-bottom:9px;}
h3{font-size:18px;line-height:1;margin-bottom:13px;}
h4{line-height:1.25;margin-bottom:16px;font-size:14px;font-weight:400;margin-top:40px;}
p{font-family:"Open Sans","lucida grande",sans-serif,sans-serif;line-height:20px;margin:0 0 22px;}
a{text-decoration:none;color:#ffa903;}
code{line-height:1.5;font:11px "Courier New", Monaco, Courier, monospace;}
ul,ol{color:#ccc;margin:0 19px 19px 3.5em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
ol.alpha{list-style:upper-alpha;}
thead th{background:#c3d9ff;color:#FFF;background-color:transparent;}
tr.even td{background:#e5ecf9;background-color:#242424;}
.center{text-align:center;}
.container{width:790px;background:none;display:block;margin:0 auto;}
.span-6{width:100%;}
.prepend-1{padding-left:8px;}
div.colborder{padding-right:0;margin-right:0;border-right:1px solid #333;}
.prepend-top{margin-top:0px;}
hr{clear:both;float:none;background:#ccc;color:#ccc;width:100%;height:2px;border:none;margin:2em 0;padding:0;}
.borderTop{overflow:hidden;margin-bottom:25px;border-bottom:1px solid #333;border-top:1px solid #333;}
a:focus,a:hover{color:#000;}
strong{font-weight:400;}
a:link{background:transparent;font-weight:400;text-decoration:none;}
.alt{color:#666;font-family:Oswald, Georgia, serif;font-weight:400;}
a:hover{text-decoration:underline;color:#ffd304;}
td{color:#999;vertical-align:top;padding-bottom:10px;border-top:1px solid #202020;}
td.parameter{color:#ffa903;white-space:nowrap;}
p,.alt{color:#999;padding:3px;}
p,table,hr{margin-bottom:25px;}
.mef a{text-decoration:none;font-family:Oswald,Arial,Helvetica,sans-serif;color:#1BC3F8;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;padding:2px 4px;}
.mef a:hover{background:#2882b7;font-family:Oswald,Arial,Helvetica,sans-serif;color:#fff;}
.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody{-moz-border-radius:0!important;-webkit-border-radius:0 0 0 0!important;background:none!important;border:0!important;bottom:auto!important;float:none!important;height:auto!important;left:auto!important;line-height:14px!important;outline:0!important;overflow:visible!important;position:static!important;right:auto!important;text-align:left!important;top:auto!important;vertical-align:baseline!important;width:auto!important;box-sizing:content-box!important;font-family:Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace!important;font-weight:400!important;font-style:normal!important;font-size:1em!important;min-height:auto!important;margin:0!important;padding:0!important;}
.syntaxhighlighter{width:100%!important;position:relative!important;overflow:auto!important;font-size:1em!important;background-color:#121212!important;padding:4px 0!important;margin:1em 0!important;}
.syntaxhighlighter .line{white-space:pre!important;}
.syntaxhighlighter table td.code .container{position:relative!important;}
.syntaxhighlighter table td.gutter .line{text-align:right!important;padding:0 .5em 0 1em !important;}
.syntaxhighlighter table td.code .line{padding:0 1em!important;}
.syntaxhighlighter .gutter{color:#afafaf!important;}
.syntaxhighlighter .gutter .line{border-right:3px solid #3185b9!important;}
.syntaxhighlighter .comments{color:#696854!important;}
.syntaxhighlighter .string{color:#e3e658!important;}
.syntaxhighlighter .preprocessor{color:#435a5f!important;}
.syntaxhighlighter .color1{color:#ffc074!important;}
.syntaxhighlighter table,.syntaxhighlighter table td.code{width:100%!important;}
.syntaxhighlighter .value{color:#090!important;}
.syntaxhighlighter .line.alt1,.syntaxhighlighter .line.alt2{background-color:#121212!important;}
.syntaxhighlighter .keyword{color:#d01d33!important;}
</style>
<script type="text/javascript">
eval(function(a,f,b,d,c,e){c=function(a){return(a<f?"":c(parseInt(a/f)))+(35<(a%=f)?String.fromCharCode(a+29):a.toString(36))};if(!"".replace(/^/,String)){for(;b--;)e[c(b)]=d[b]||c(b);d=[function(a){return e[a]}];c=function(){return"\\w+"};b=1}for(;b--;)d[b]&&(a=a.replace(new RegExp("\\b"+c(b)+"\\b","g"),d[b]));return a}('K M;I(M)1S 2U("2a\'t 4k M 4K 2g 3l 4G 4H");(6(){6 r(f,e){I(!M.1R(f))1S 3m("3s 15 4R");K a=f.1w;f=M(f.1m,t(f)+(e||""));I(a)f.1w={1m:a.1m,19:a.19?a.19.1a(0):N};H f}6 t(f){H(f.1J?"g":"")+(f.4s?"i":"")+(f.4p?"m":"")+(f.4v?"x":"")+(f.3n?"y":"")}6 B(f,e,a,b){K c=u.L,d,h,g;v=R;5K{O(;c--;){g=u[c];I(a&g.3r&&(!g.2p||g.2p.W(b))){g.2q.12=e;I((h=g.2q.X(f))&&h.P===e){d={3k:g.2b.W(b,h,a),1C:h};1N}}}}5v(i){1S i}5q{v=11}H d}6 p(f,e,a){I(3b.Z.1i)H f.1i(e,a);O(a=a||0;a<f.L;a++)I(f[a]===e)H a;H-1}M=6(f,e){K a=[],b=M.1B,c=0,d,h;I(M.1R(f)){I(e!==1d)1S 3m("2a\'t 5r 5I 5F 5B 5C 15 5E 5p");H r(f)}I(v)1S 2U("2a\'t W 3l M 59 5m 5g 5x 5i");e=e||"";O(d={2N:11,19:[],2K:6(g){H e.1i(g)>-1},3d:6(g){e+=g}};c<f.L;)I(h=B(f,c,b,d)){a.U(h.3k);c+=h.1C[0].L||1}Y I(h=n.X.W(z[b],f.1a(c))){a.U(h[0]);c+=h[0].L}Y{h=f.3a(c);I(h==="[")b=M.2I;Y I(h==="]")b=M.1B;a.U(h);c++}a=15(a.1K(""),n.Q.W(e,w,""));a.1w={1m:f,19:d.2N?d.19:N};H a};M.3v="1.5.0";M.2I=1;M.1B=2;K C=/\\$(?:(\\d\\d?|[$&`\'])|{([$\\w]+)})/g,w=/[^5h]+|([\\s\\S])(?=[\\s\\S]*\\1)/g,A=/^(?:[?*+]|{\\d+(?:,\\d*)?})\\??/,v=11,u=[],n={X:15.Z.X,1A:15.Z.1A,1C:1r.Z.1C,Q:1r.Z.Q,1e:1r.Z.1e},x=n.X.W(/()??/,"")[1]===1d,D=6(){K f=/^/g;n.1A.W(f,"");H!f.12}(),y=6(){K f=/x/g;n.Q.W("x",f,"");H!f.12}(),E=15.Z.3n!==1d,z={};z[M.2I]=/^(?:\\\\(?:[0-3][0-7]{0,2}|[4-7][0-7]?|x[\\29-26-f]{2}|u[\\29-26-f]{4}|c[A-3o-z]|[\\s\\S]))/;z[M.1B]=/^(?:\\\\(?:0(?:[0-3][0-7]{0,2}|[4-7][0-7]?)?|[1-9]\\d*|x[\\29-26-f]{2}|u[\\29-26-f]{4}|c[A-3o-z]|[\\s\\S])|\\(\\?[:=!]|[?*+]\\?|{\\d+(?:,\\d*)?}\\??)/;M.1h=6(f,e,a,b){u.U({2q:r(f,"g"+(E?"y":"")),2b:e,3r:a||M.1B,2p:b||N})};M.2n=6(f,e){K a=f+"/"+(e||"");H M.2n[a]||(M.2n[a]=M(f,e))};M.3c=6(f){H r(f,"g")};M.5l=6(f){H f.Q(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g,"\\\\$&")};M.5e=6(f,e,a,b){e=r(e,"g"+(b&&E?"y":""));e.12=a=a||0;f=e.X(f);H b?f&&f.P===a?f:N:f};M.3q=6(){M.1h=6(){1S 2U("2a\'t 55 1h 54 3q")}};M.1R=6(f){H 53.Z.1q.W(f)==="[2m 15]"};M.3p=6(f,e,a,b){O(K c=r(e,"g"),d=-1,h;h=c.X(f);){a.W(b,h,++d,f,c);c.12===h.P&&c.12++}I(e.1J)e.12=0};M.57=6(f,e){H 6 a(b,c){K d=e[c].1I?e[c]:{1I:e[c]},h=r(d.1I,"g"),g=[],i;O(i=0;i<b.L;i++)M.3p(b[i],h,6(k){g.U(d.3j?k[d.3j]||"":k[0])});H c===e.L-1||!g.L?g:a(g,c+1)}([f],0)};15.Z.1p=6(f,e){H J.X(e[0])};15.Z.W=6(f,e){H J.X(e)};15.Z.X=6(f){K e=n.X.1p(J,14),a;I(e){I(!x&&e.L>1&&p(e,"")>-1){a=15(J.1m,n.Q.W(t(J),"g",""));n.Q.W(f.1a(e.P),a,6(){O(K c=1;c<14.L-2;c++)I(14[c]===1d)e[c]=1d})}I(J.1w&&J.1w.19)O(K b=1;b<e.L;b++)I(a=J.1w.19[b-1])e[a]=e[b];!D&&J.1J&&!e[0].L&&J.12>e.P&&J.12--}H e};I(!D)15.Z.1A=6(f){(f=n.X.W(J,f))&&J.1J&&!f[0].L&&J.12>f.P&&J.12--;H!!f};1r.Z.1C=6(f){M.1R(f)||(f=15(f));I(f.1J){K e=n.1C.1p(J,14);f.12=0;H e}H f.X(J)};1r.Z.Q=6(f,e){K a=M.1R(f),b,c;I(a&&1j e.58()==="3f"&&e.1i("${")===-1&&y)H n.Q.1p(J,14);I(a){I(f.1w)b=f.1w.19}Y f+="";I(1j e==="6")c=n.Q.W(J,f,6(){I(b){14[0]=1f 1r(14[0]);O(K d=0;d<b.L;d++)I(b[d])14[0][b[d]]=14[d+1]}I(a&&f.1J)f.12=14[14.L-2]+14[0].L;H e.1p(N,14)});Y{c=J+"";c=n.Q.W(c,f,6(){K d=14;H n.Q.W(e,C,6(h,g,i){I(g)5b(g){24"$":H"$";24"&":H d[0];24"`":H d[d.L-1].1a(0,d[d.L-2]);24"\'":H d[d.L-1].1a(d[d.L-2]+d[0].L);5a:i="";g=+g;I(!g)H h;O(;g>d.L-3;){i=1r.Z.1a.W(g,-1)+i;g=1Q.3i(g/10)}H(g?d[g]||"":"$")+i}Y{g=+i;I(g<=d.L-3)H d[g];g=b?p(b,i):-1;H g>-1?d[g+1]:h}})})}I(a&&f.1J)f.12=0;H c};1r.Z.1e=6(f,e){I(!M.1R(f))H n.1e.1p(J,14);K a=J+"",b=[],c=0,d,h;I(e===1d||+e<0)e=5D;Y{e=1Q.3i(+e);I(!e)H[]}O(f=M.3c(f);d=f.X(a);){I(f.12>c){b.U(a.1a(c,d.P));d.L>1&&d.P<a.L&&3b.Z.U.1p(b,d.1a(1));h=d[0].L;c=f.12;I(b.L>=e)1N}f.12===d.P&&f.12++}I(c===a.L){I(!n.1A.W(f,"")||h)b.U("")}Y b.U(a.1a(c));H b.L>e?b.1a(0,e):b};M.1h(/\\(\\?#[^)]*\\)/,6(f){H n.1A.W(A,f.2S.1a(f.P+f[0].L))?"":"(?:)"});M.1h(/\\((?!\\?)/,6(){J.19.U(N);H"("});M.1h(/\\(\\?<([$\\w]+)>/,6(f){J.19.U(f[1]);J.2N=R;H"("});M.1h(/\\\\k<([\\w$]+)>/,6(f){K e=p(J.19,f[1]);H e>-1?"\\\\"+(e+1)+(3R(f.2S.3a(f.P+f[0].L))?"":"(?:)"):f[0]});M.1h(/\\[\\^?]/,6(f){H f[0]==="[]"?"\\\\b\\\\B":"[\\\\s\\\\S]"});M.1h(/^\\(\\?([5A]+)\\)/,6(f){J.3d(f[1]);H""});M.1h(/(?:\\s+|#.*)+/,6(f){H n.1A.W(A,f.2S.1a(f.P+f[0].L))?"":"(?:)"},M.1B,6(){H J.2K("x")});M.1h(/\\./,6(){H"[\\\\s\\\\S]"},M.1B,6(){H J.2K("s")})})();1j 2e!="1d"&&(2e.M=M);K 1v=6(){6 r(a,b){a.1l.1i(b)!=-1||(a.1l+=" "+b)}6 t(a){H a.1i("3e")==0?a:"3e"+a}6 B(a){H e.1Y.2A[t(a)]}6 p(a,b,c){I(a==N)H N;K d=c!=R?a.3G:[a.2G],h={"#":"1c",".":"1l"}[b.1o(0,1)]||"3h",g,i;g=h!="3h"?b.1o(1):b.5u();I((a[h]||"").1i(g)!=-1)H a;O(a=0;d&&a<d.L&&i==N;a++)i=p(d[a],b,c);H i}6 C(a,b){K c={},d;O(d 2g a)c[d]=a[d];O(d 2g b)c[d]=b[d];H c}6 w(a,b,c,d){6 h(g){g=g||1P.5y;I(!g.1F){g.1F=g.52;g.3N=6(){J.5w=11}}c.W(d||1P,g)}a.3g?a.3g("4U"+b,h):a.4y(b,h,11)}6 A(a,b){K c=e.1Y.2j,d=N;I(c==N){c={};O(K h 2g e.1U){K g=e.1U[h];d=g.4x;I(d!=N){g.1V=h.4w();O(g=0;g<d.L;g++)c[d[g]]=h}}e.1Y.2j=c}d=e.1U[c[a]];d==N&&b!=11&&1P.1X(e.13.1x.1X+(e.13.1x.3E+a));H d}6 v(a,b){O(K c=a.1e("\\n"),d=0;d<c.L;d++)c[d]=b(c[d],d);H c.1K("\\n")}6 u(a,b){I(a==N||a.L==0||a=="\\n")H a;a=a.Q(/</g,"&1y;");a=a.Q(/ {2,}/g,6(c){O(K d="",h=0;h<c.L-1;h++)d+=e.13.1W;H d+" "});I(b!=N)a=v(a,6(c){I(c.L==0)H"";K d="";c=c.Q(/^(&2s;| )+/,6(h){d=h;H""});I(c.L==0)H d;H d+\'<17 1g="\'+b+\'">\'+c+"</17>"});H a}6 n(a,b){a.1e("\\n");O(K c="",d=0;d<50;d++)c+="                    ";H a=v(a,6(h){I(h.1i("\\t")==-1)H h;O(K g=0;(g=h.1i("\\t"))!=-1;)h=h.1o(0,g)+c.1o(0,b-g%b)+h.1o(g+1,h.L);H h})}6 x(a){H a.Q(/^\\s+|\\s+$/g,"")}6 D(a,b){I(a.P<b.P)H-1;Y I(a.P>b.P)H 1;Y I(a.L<b.L)H-1;Y I(a.L>b.L)H 1;H 0}6 y(a,b){6 c(k){H k[0]}O(K d=N,h=[],g=b.2D?b.2D:c;(d=b.1I.X(a))!=N;){K i=g(d,b);I(1j i=="3f")i=[1f e.2L(i,d.P,b.23)];h=h.1O(i)}H h}6 E(a){K b=/(.*)((&1G;|&1y;).*)/;H a.Q(e.3A.3M,6(c){K d="",h=N;I(h=b.X(c)){c=h[1];d=h[2]}H\'<a 2h="\'+c+\'">\'+c+"</a>"+d})}6 z(){O(K a=1E.36("1k"),b=[],c=0;c<a.L;c++)a[c].3s=="20"&&b.U(a[c]);H b}6 f(a){a=a.1F;K b=p(a,".20",R);a=p(a,".3O",R);K c=1E.4i("3t");I(!(!a||!b||p(a,"3t"))){B(b.1c);r(b,"1m");O(K d=a.3G,h=[],g=0;g<d.L;g++)h.U(d[g].4z||d[g].4A);h=h.1K("\\r");c.39(1E.4D(h));a.39(c);c.2C();c.4C();w(c,"4u",6(){c.2G.4E(c);b.1l=b.1l.Q("1m","")})}}I(1j 3F!="1d"&&1j M=="1d")M=3F("M").M;K e={2v:{"1g-27":"","2i-1s":1,"2z-1s-2t":11,1M:N,1t:N,"42-45":R,"43-22":4,1u:R,16:R,"3V-17":R,2l:11,"41-40":R,2k:11,"1z-1k":11},13:{1W:"&2s;",2M:R,46:11,44:11,34:"4n",1x:{21:"4o 1m",2P:"?",1X:"1v\\n\\n",3E:"4r\'t 4t 1D O: ",4g:"4m 4B\'t 51 O 1z-1k 4F: ",37:\'<!4T 1z 4S "-//4V//3H 4W 1.0 4Z//4Y" "1Z://2y.3L.3K/4X/3I/3H/3I-4P.4J"><1z 4I="1Z://2y.3L.3K/4L/5L"><3J><4N 1Z-4M="5G-5M" 6K="2O/1z; 6J=6I-8" /><1t>6L 1v</1t></3J><3B 1L="25-6M:6Q,6P,6O,6N-6F;6y-2f:#6x;2f:#6w;25-22:6v;2O-3D:3C;"><T 1L="2O-3D:3C;3w-32:1.6z;"><T 1L="25-22:6A-6E;">1v</T><T 1L="25-22:.6C;3w-6B:6R;"><T>3v 3.0.76 (72 73 3x)</T><T><a 2h="1Z://3u.2w/1v" 1F="38" 1L="2f:#3y">1Z://3u.2w/1v</a></T><T>70 17 6U 71.</T><T>6T 6X-3x 6Y 6D.</T></T><T>6t 61 60 J 1k, 5Z <a 2h="6u://2y.62.2w/63-66/65?64=5X-5W&5P=5O" 1L="2f:#3y">5R</a> 5V <2R/>5U 5T 5S!</T></T></3B></1z>\'}},1Y:{2j:N,2A:{}},1U:{},3A:{6n:/\\/\\*[\\s\\S]*?\\*\\//2c,6m:/\\/\\/.*$/2c,6l:/#.*$/2c,6k:/"([^\\\\"\\n]|\\\\.)*"/g,6o:/\'([^\\\\\'\\n]|\\\\.)*\'/g,6p:1f M(\'"([^\\\\\\\\"]|\\\\\\\\.)*"\',"3z"),6s:1f M("\'([^\\\\\\\\\']|\\\\\\\\.)*\'","3z"),6q:/(&1y;|<)!--[\\s\\S]*?--(&1G;|>)/2c,3M:/\\w+:\\/\\/[\\w-.\\/?%&=:@;]*/g,6a:{18:/(&1y;|<)\\?=?/g,1b:/\\?(&1G;|>)/g},69:{18:/(&1y;|<)%=?/g,1b:/%(&1G;|>)/g},6d:{18:/(&1y;|<)\\s*1k.*?(&1G;|>)/2T,1b:/(&1y;|<)\\/\\s*1k\\s*(&1G;|>)/2T}},16:{1H:6(a){6 b(i,k){H e.16.2o(i,k,e.13.1x[k])}O(K c=\'<T 1g="16">\',d=e.16.2x,h=d.2X,g=0;g<h.L;g++)c+=(d[h[g]].1H||b)(a,h[g]);c+="</T>";H c},2o:6(a,b,c){H\'<2W><a 2h="#" 1g="6e 6h\'+b+" "+b+\'">\'+c+"</a></2W>"},2b:6(a){K b=a.1F,c=b.1l||"";b=B(p(b,".20",R).1c);K d=6(h){H(h=15(h+"6f(\\\\w+)").X(c))?h[1]:N}("6g");b&&d&&e.16.2x[d].2B(b);a.3N()},2x:{2X:["21","2P"],21:{1H:6(a){I(a.V("2l")!=R)H"";K b=a.V("1t");H e.16.2o(a,"21",b?b:e.13.1x.21)},2B:6(a){a=1E.6j(t(a.1c));a.1l=a.1l.Q("47","")}},2P:{2B:6(){K a="68=0";a+=", 18="+(31.30-33)/2+", 32="+(31.2Z-2Y)/2+", 30=33, 2Z=2Y";a=a.Q(/^,/,"");a=1P.6Z("","38",a);a.2C();K b=a.1E;b.6W(e.13.1x.37);b.6V();a.2C()}}}},35:6(a,b){K c;I(b)c=[b];Y{c=1E.36(e.13.34);O(K d=[],h=0;h<c.L;h++)d.U(c[h]);c=d}c=c;d=[];I(e.13.2M)c=c.1O(z());I(c.L===0)H d;O(h=0;h<c.L;h++){O(K g=c[h],i=a,k=c[h].1l,j=3W 0,l={},m=1f M("^\\\\[(?<2V>(.*?))\\\\]$"),s=1f M("(?<27>[\\\\w-]+)\\\\s*:\\\\s*(?<1T>[\\\\w-%#]+|\\\\[.*?\\\\]|\\".*?\\"|\'.*?\')\\\\s*;?","g");(j=s.X(k))!=N;){K o=j.1T.Q(/^[\'"]|[\'"]$/g,"");I(o!=N&&m.1A(o)){o=m.X(o);o=o.2V.L>0?o.2V.1e(/\\s*,\\s*/):[]}l[j.27]=o}g={1F:g,1n:C(i,l)};g.1n.1D!=N&&d.U(g)}H d},1M:6(a,b){K c=J.35(a,b),d=N,h=e.13;I(c.L!==0)O(K g=0;g<c.L;g++){b=c[g];K i=b.1F,k=b.1n,j=k.1D,l;I(j!=N){I(k["1z-1k"]=="R"||e.2v["1z-1k"]==R){d=1f e.4l(j);j="4O"}Y I(d=A(j))d=1f d;Y 6H;l=i.3X;I(h.2M){l=l;K m=x(l),s=11;I(m.1i("<![6G[")==0){m=m.4h(9);s=R}K o=m.L;I(m.1i("]]\\>")==o-3){m=m.4h(0,o-3);s=R}l=s?m:l}I((i.1t||"")!="")k.1t=i.1t;k.1D=j;d.2Q(k);b=d.2F(l);I((i.1c||"")!="")b.1c=i.1c;i.2G.74(b,i)}}},2E:6(a){w(1P,"4k",6(){e.1M(a)})}};e.2E=e.2E;e.1M=e.1M;e.2L=6(a,b,c){J.1T=a;J.P=b;J.L=a.L;J.23=c;J.1V=N};e.2L.Z.1q=6(){H J.1T};e.4l=6(a){6 b(j,l){O(K m=0;m<j.L;m++)j[m].P+=l}K c=A(a),d,h=1f e.1U.5Y,g=J,i="2F 1H 2Q".1e(" ");I(c!=N){d=1f c;O(K k=0;k<i.L;k++)(6(){K j=i[k];g[j]=6(){H h[j].1p(h,14)}})();d.28==N?1P.1X(e.13.1x.1X+(e.13.1x.4g+a)):h.2J.U({1I:d.28.17,2D:6(j){O(K l=j.17,m=[],s=d.2J,o=j.P+j.18.L,F=d.28,q,G=0;G<s.L;G++){q=y(l,s[G]);b(q,o);m=m.1O(q)}I(F.18!=N&&j.18!=N){q=y(j.18,F.18);b(q,j.P);m=m.1O(q)}I(F.1b!=N&&j.1b!=N){q=y(j.1b,F.1b);b(q,j.P+j[0].5Q(j.1b));m=m.1O(q)}O(j=0;j<m.L;j++)m[j].1V=c.1V;H m}})}};e.4j=6(){};e.4j.Z={V:6(a,b){K c=J.1n[a];c=c==N?b:c;K d={"R":R,"11":11}[c];H d==N?c:d},3Y:6(a){H 1E.4i(a)},4c:6(a,b){K c=[];I(a!=N)O(K d=0;d<a.L;d++)I(1j a[d]=="2m")c=c.1O(y(b,a[d]));H J.4e(c.6b(D))},4e:6(a){O(K b=0;b<a.L;b++)I(a[b]!==N)O(K c=a[b],d=c.P+c.L,h=b+1;h<a.L&&a[b]!==N;h++){K g=a[h];I(g!==N)I(g.P>d)1N;Y I(g.P==c.P&&g.L>c.L)a[b]=N;Y I(g.P>=c.P&&g.P<d)a[h]=N}H a},4d:6(a){K b=[],c=2u(J.V("2i-1s"));v(a,6(d,h){b.U(h+c)});H b},3U:6(a){K b=J.V("1M",[]);I(1j b!="2m"&&b.U==N)b=[b];a:{a=a.1q();K c=3W 0;O(c=c=1Q.6c(c||0,0);c<b.L;c++)I(b[c]==a){b=c;1N a}b=-1}H b!=-1},2r:6(a,b,c){a=["1s","6i"+b,"P"+a,"6r"+(b%2==0?1:2).1q()];J.3U(b)&&a.U("67");b==0&&a.U("1N");H\'<T 1g="\'+a.1K(" ")+\'">\'+c+"</T>"},3Q:6(a,b){K c="",d=a.1e("\\n").L,h=2u(J.V("2i-1s")),g=J.V("2z-1s-2t");I(g==R)g=(h+d-1).1q().L;Y I(3R(g)==R)g=0;O(K i=0;i<d;i++){K k=b?b[i]:h+i,j;I(k==0)j=e.13.1W;Y{j=g;O(K l=k.1q();l.L<j;)l="0"+l;j=l}a=j;c+=J.2r(i,k,a)}H c},49:6(a,b){a=x(a);K c=a.1e("\\n");J.V("2z-1s-2t");K d=2u(J.V("2i-1s"));a="";O(K h=J.V("1D"),g=0;g<c.L;g++){K i=c[g],k=/^(&2s;|\\s)+/.X(i),j=N,l=b?b[g]:d+g;I(k!=N){j=k[0].1q();i=i.1o(j.L);j=j.Q(" ",e.13.1W)}i=x(i);I(i.L==0)i=e.13.1W;a+=J.2r(g,l,(j!=N?\'<17 1g="\'+h+\' 5N">\'+j+"</17>":"")+i)}H a},4f:6(a){H a?"<4a>"+a+"</4a>":""},4b:6(a,b){6 c(l){H(l=l?l.1V||g:g)?l+" ":""}O(K d=0,h="",g=J.V("1D",""),i=0;i<b.L;i++){K k=b[i],j;I(!(k===N||k.L===0)){j=c(k);h+=u(a.1o(d,k.P-d),j+"48")+u(k.1T,j+k.23);d=k.P+k.L+(k.75||0)}}h+=u(a.1o(d),c()+"48");H h},1H:6(a){K b="",c=["20"],d;I(J.V("2k")==R)J.1n.16=J.1n.1u=11;1l="20";J.V("2l")==R&&c.U("47");I((1u=J.V("1u"))==11)c.U("6S");c.U(J.V("1g-27"));c.U(J.V("1D"));a=a.Q(/^[ ]*[\\n]+|[\\n]*[ ]*$/g,"").Q(/\\r/g," ");b=J.V("43-22");I(J.V("42-45")==R)a=n(a,b);Y{O(K h="",g=0;g<b;g++)h+=" ";a=a.Q(/\\t/g,h)}a=a;a:{b=a=a;h=/<2R\\s*\\/?>|&1y;2R\\s*\\/?&1G;/2T;I(e.13.46==R)b=b.Q(h,"\\n");I(e.13.44==R)b=b.Q(h,"");b=b.1e("\\n");h=/^\\s*/;g=4Q;O(K i=0;i<b.L&&g>0;i++){K k=b[i];I(x(k).L!=0){k=h.X(k);I(k==N){a=a;1N a}g=1Q.4q(k[0].L,g)}}I(g>0)O(i=0;i<b.L;i++)b[i]=b[i].1o(g);a=b.1K("\\n")}I(1u)d=J.4d(a);b=J.4c(J.2J,a);b=J.4b(a,b);b=J.49(b,d);I(J.V("41-40"))b=E(b);1j 2H!="1d"&&2H.3S&&2H.3S.1C(/5s/)&&c.U("5t");H b=\'<T 1c="\'+t(J.1c)+\'" 1g="\'+c.1K(" ")+\'">\'+(J.V("16")?e.16.1H(J):"")+\'<3Z 5z="0" 5H="0" 5J="0">\'+J.4f(J.V("1t"))+"<3T><3P>"+(1u?\'<2d 1g="1u">\'+J.3Q(a)+"</2d>":"")+\'<2d 1g="17"><T 1g="3O">\'+b+"</T></2d></3P></3T></3Z></T>"},2F:6(a){I(a===N)a="";J.17=a;K b=J.3Y("T");b.3X=J.1H(a);J.V("16")&&w(p(b,".16"),"5c",e.16.2b);J.V("3V-17")&&w(p(b,".17"),"56",f);H b},2Q:6(a){J.1c=""+1Q.5d(1Q.5n()*5k).1q();e.1Y.2A[t(J.1c)]=J;J.1n=C(e.2v,a||{});I(J.V("2k")==R)J.1n.16=J.1n.1u=11},5j:6(a){a=a.Q(/^\\s+|\\s+$/g,"").Q(/\\s+/g,"|");H"\\\\b(?:"+a+")\\\\b"},5f:6(a){J.28={18:{1I:a.18,23:"1k"},1b:{1I:a.1b,23:"1k"},17:1f M("(?<18>"+a.18.1m+")(?<17>.*?)(?<1b>"+a.1b.1m+")","5o")}}};H e}();1j 2e!="1d"&&(2e.1v=1v);',62,441,"      function                                     return if this var length XRegExp null for index replace true  div push getParam call exec else prototype  false lastIndex config arguments RegExp toolbar code left captureNames slice right id undefined split new class addToken indexOf typeof script className source params substr apply toString String line title gutter SyntaxHighlighter _xregexp strings lt html test OUTSIDE_CLASS match brush document target gt getHtml regex global join style highlight break concat window Math isRegExp throw value brushes brushName space alert vars http syntaxhighlighter expandSource size css case font Fa name htmlScript dA can handler gm td exports color in href first discoveredBrushes light collapse object cache getButtonHtml trigger pattern getLineHtml nbsp numbers parseInt defaults com items www pad highlighters execute focus func all getDiv parentNode navigator INSIDE_CLASS regexList hasFlag Match useScriptTags hasNamedCapture text help init br input gi Error values span list 250 height width screen top 500 tagName findElements getElementsByTagName aboutDialog _blank appendChild charAt Array copyAsGlobal setFlag highlighter_ string attachEvent nodeName floor backref output the TypeError sticky Za iterate freezeTokens scope type textarea alexgorbatchev version margin 2010 005896 gs regexLib body center align noBrush require childNodes DTD xhtml1 head org w3 url preventDefault container tr getLineNumbersHtml isNaN userAgent tbody isLineHighlighted quick void innerHTML create table links auto smart tab stripBrs tabs bloggerMode collapsed plain getCodeLinesHtml caption getMatchesHtml findMatches figureOutLineNumbers removeNestedMatches getTitleHtml brushNotHtmlScript substring createElement Highlighter load HtmlScript Brush pre expand multiline min Can ignoreCase find blur extended toLowerCase aliases addEventListener innerText textContent wasn select createTextNode removeChild option same frame xmlns dtd twice 1999 equiv meta htmlscript transitional 1E3 expected PUBLIC DOCTYPE on W3C XHTML TR EN Transitional  configured srcElement Object after run dblclick matchChain valueOf constructor default switch click round execAt forHtmlScript token gimy functions getKeywords 1E6 escape within random sgi another finally supply MSIE ie toUpperCase catch returnValue definition event border imsx constructing one Infinity from when Content cellpadding flags cellspacing try xhtml Type spaces 2930402 hosted_button_id lastIndexOf donate active development keep to xclick _s Xml please like you paypal cgi cmd webscr bin highlighted scrollbars aspScriptTags phpScriptTags sort max scriptScriptTags toolbar_item _ command command_ number getElementById doubleQuotedString singleLinePerlComments singleLineCComments multiLineCComments singleQuotedString multiLineDoubleQuotedString xmlComments alt multiLineSingleQuotedString If https 1em 000 fff background 5em xx bottom 75em Gorbatchev large serif CDATA continue utf charset content About family sans Helvetica Arial Geneva 3em nogutter Copyright syntax close write 2004 Alex open JavaScript highlighter July 02 replaceChild offset 83".split(" "),0,{}));eval(function(a,f,b,d,c,e){c=function(a){return(a<f?"":c(parseInt(a/f)))+(35<(a%=f)?String.fromCharCode(a+29):a.toString(36))};if(!"".replace(/^/,String)){for(;b--;)e[c(b)]=d[b]||c(b);d=[function(a){return e[a]}];c=function(){return"\\w+"};b=1}for(;b--;)d[b]&&(a=a.replace(new RegExp("\\b"+c(b)+"\\b","g"),d[b]));return a}('(2(){1 h=5;h.I=2(){2 n(c,a){4(1 d=0;d<c.9;d++)i[c[d]]=a}2 o(c){1 a=r.H("J"),d=3;a.K=c;a.M="L/t";a.G="t";a.u=a.v=2(){6(!d&&(!8.7||8.7=="F"||8.7=="z")){d=q;e[c]=q;a:{4(1 p y e)6(e[p]==3)B a;j&&5.C(k)}a.u=a.v=x;a.D.O(a)}};r.N.R(a)}1 f=Q,l=h.P(),i={},e={},j=3,k=x,b;5.T=2(c){k=c;j=q};4(b=0;b<f.9;b++){1 m=f[b].w?f[b]:f[b].S(/\\s+/),g=m.w();n(m,g)}4(b=0;b<l.9;b++)6(g=i[l[b].E.A]){e[g]=3;o(g)}}})();',56,56," var function false for SyntaxHighlighter if readyState this length                 true document  javascript onload onreadystatechange pop null in complete brush break highlight parentNode params loaded language createElement autoloader script src text type body removeChild findElements arguments appendChild split all".split(" "),0,{}));(function(){function a(){var a=SyntaxHighlighter.regexLib;this.regexList=[{regex:a.multiLineDoubleQuotedString,css:"string"},{regex:a.multiLineSingleQuotedString,css:"string"},{regex:a.singleLineCComments,css:"comments"},{regex:a.multiLineCComments,css:"comments"},{regex:/\s*#.*/gm,css:"preprocessor"},{regex:new RegExp(this.getKeywords("break case catch continue default delete do else false  for function if in instanceof new null return super switch this throw true try typeof var while with"),"gm"),css:"keyword"}];this.forHtmlScript(a.scriptScriptTags)}"undefined"!=typeof require?SyntaxHighlighter=require("shCore").SyntaxHighlighter:null;a.prototype=new SyntaxHighlighter.Highlighter;a.aliases=["js","jscript","javascript"];SyntaxHighlighter.brushes.JScript=a;"undefined"!=typeof exports?exports.Brush=a:null})();(function(){function a(){this.regexList=[{regex:new XRegExp("(\\&lt;|<)\\!\\[[\\w\\s]*?\\[(.|\\s)*?\\]\\](\\&gt;|>)","gm"),css:"color2"},{regex:SyntaxHighlighter.regexLib.xmlComments,css:"comments"},{regex:new XRegExp("(&lt;|<)[\\s\\/\\?]*(\\w+)(?<attributes>.*?)[\\s\\/\\?]*(&gt;|>)","sg"),func:function(a,b){var d=SyntaxHighlighter.Match,c=a[0],e=(new XRegExp("(&lt;|<)[\\s\\/\\?]*(?<name>[:\\w-\\.]+)","xg")).exec(c),h=[];if(null!=a.attributes)for(var g,k=new XRegExp("(?<name> [\\w:\\-\\.]+)\\s*=\\s*(?<value> \".*?\"|'.*?'|\\w+)","xg");null!=(g=k.exec(c));)h.push(new d(g.name,a.index+g.index,"color1")),h.push(new d(g.value,a.index+g.index+g[0].indexOf(g.value),"string"));null!=e&&h.push(new d(e.name,a.index+e[0].indexOf(e.name),"keyword"));return h}}]}"undefined"!=typeof require?SyntaxHighlighter=require("shCore").SyntaxHighlighter:null;a.prototype=new SyntaxHighlighter.Highlighter;a.aliases=["xml","xhtml","xslt","html"];SyntaxHighlighter.brushes.Xml=a;"undefined"!=typeof exports?exports.Brush=a:null})();(function(){function a(){this.regexList=[{regex:SyntaxHighlighter.regexLib.multiLineCComments,css:"comments"},{regex:SyntaxHighlighter.regexLib.doubleQuotedString,css:"string"},{regex:SyntaxHighlighter.regexLib.singleQuotedString,css:"string"},{regex:/\#[a-fA-F0-9]{3,6}/g,css:"value"},{regex:/(-?\d+)(\.\d+)?(px|em|pt|\:|\%|)/g,css:"value"},{regex:/!important/g,css:"color3"},{regex:new RegExp("\\b([a-z_]|)"+"ascent azimuth background-attachment background-color background-image background-position background-repeat background baseline bbox border-collapse border-color border-spacing border-style border-top border-right border-bottom border-left border-top-color border-right-color border-bottom-color border-left-color border-top-style border-right-style border-bottom-style border-left-style border-top-width border-right-width border-bottom-width border-left-width border-width border bottom cap-height caption-side centerline clear clip color content counter-increment counter-reset cue-after cue-before cue cursor definition-src descent direction display elevation empty-cells float font-size-adjust font-family font-size font-stretch font-style font-variant font-weight font height left letter-spacing line-height list-style-image list-style-position list-style-type list-style margin-top margin-right margin-bottom margin-left margin marker-offset marks mathline max-height max-width min-height min-width orphans outline-color outline-style outline-width outline overflow padding-top padding-right padding-bottom padding-left padding page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes right richness size slope src speak-header speak-numeral speak-punctuation speak speech-rate stemh stemv stress table-layout text-align top text-decoration text-indent text-shadow text-transform unicode-bidi unicode-range units-per-em vertical-align visibility voice-family volume white-space widows width widths word-spacing x-height z-index".replace(/ /g,"(?=:)\\b|\\b([a-z_\\*]|\\*|)")+"(?=:)\\b","gm"),css:"keyword"},{regex:new RegExp("\\b"+"above absolute all always aqua armenian attr aural auto avoid baseline behind below bidi-override black blink block blue bold bolder both bottom braille capitalize caption center center-left center-right circle close-quote code collapse compact condensed continuous counter counters crop cross crosshair cursive dashed decimal decimal-leading-zero default digits disc dotted double embed embossed e-resize expanded extra-condensed extra-expanded fantasy far-left far-right fast faster fixed format fuchsia gray green groove handheld hebrew help hidden hide high higher icon inline-table inline inset inside invert italic justify landscape large larger left-side left leftwards level lighter lime line-through list-item local loud lower-alpha lowercase lower-greek lower-latin lower-roman lower low ltr marker maroon medium message-box middle mix move narrower navy ne-resize no-close-quote none no-open-quote no-repeat normal nowrap n-resize nw-resize oblique olive once open-quote outset outside overline pointer portrait pre print projection purple red relative repeat repeat-x repeat-y rgb ridge right right-side rightwards rtl run-in screen scroll semi-condensed semi-expanded separate se-resize show silent silver slower slow small small-caps small-caption smaller soft solid speech spell-out square s-resize static status-bar sub super sw-resize table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group teal text-bottom text-top thick thin top transparent tty tv ultra-condensed ultra-expanded underline upper-alpha uppercase upper-latin upper-roman url visible wait white wider w-resize x-fast x-high x-large x-loud x-low x-slow x-small x-soft xx-large xx-small yellow".replace(/ /g,"(?!-)(?!:)\\b|\\b()")+":\\b","g"),css:"value"},{regex:new RegExp(this.getKeywords("[mM]onospace [tT]ahoma [vV]erdana [aA]rial [hH]elvetica [sS]ans-serif [sS]erif [cC]ourier mono sans serif"),"g"),css:"color1"}];this.forHtmlScript({left:/(&lt;|<)\s*style.*?(&gt;|>)/gi,right:/(&lt;|<)\/\s*style\s*(&gt;|>)/gi})}"undefined"!=typeof require?SyntaxHighlighter=require("shCore").SyntaxHighlighter:null;a.prototype=new SyntaxHighlighter.Highlighter;a.aliases=["css"];SyntaxHighlighter.brushes.CSS=a;"undefined"!=typeof exports?exports.Brush=a:null})();
</script>
<script type="text/javascript">SyntaxHighlighter.all();</script>
</head>
<body>
	<div class="container">
		<h1 class="center">&ldquo;iView&rdquo;</h1>
	
		<h3 class="center alt">&ldquo;iView&rdquo; v2.0 &ldquo;Hemn Chawroka&rdquo; dan Doküman &#124; Çeviri Meftun MEDE</h3>
		
		<div class="borderTop">
			<div class="span-6 colborder info prepend-1">
				<p class="prepend-top">
					<strong>
					Created: July 09, 2012<br>
					By: Hemn Chawroka<br>
					Website: <a href="http://iprodev.com/">iProDev</a><br>
					Contact: <a href="http://iprodev.com/contact/">http://iprodev.com/contact/</a>
					</strong>
				</p>
			</div><!-- div .span-6 sonu -->		
	
			
		</div><!-- div .borderTop sonu -->
		
		<hr>
		
		<h2 id="toc" class="alt">İçindekiler</h2>
		<ol class="alpha">
			<li><a href="#Setup">Kurulum</a></li>
			<li><a href="#availableParameters">Mevcut Parametreler</a></li>
			<li><a href="#dataAttributes">HTML5 "data-" nitelikleri</a></li>
			<li><a href="#cssStyles">CSS Stilleri ve Yapı</a></li>
			<li><a href="#javascript">JavaScript</a></li>
		</ol>
		
		<hr>
		
		<h3 id="Setup">A) Kurulum - <a href="#toc">üst</a></h3>
		<p>Sayfanın HEAD kısmına aşağıdaki javascript ve css kodunu ekleyin:</p>
		
<pre class="brush: xml; toolbar: false; auto-links: false;">
&lt;link rel="stylesheet" href="iview.css" type="text/css" media="screen" /&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="raphael-min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="jquery.easing.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="iview.packed.js" type="text/javascript"&gt;&lt;/script&gt;
</pre>

		<p>Sonra hangi efekti uygulamak istiyorsanız body bölüme slayt (ya da slaytlar) ekleyebilirsiniz.</p>
		
<pre class="brush: xml; toolbar: false; auto-links: false;">
&lt;div id="iview"&gt;
	&lt;!-- Slide 1 --&gt;
	&lt;div data-iview:thumbnail="photos/photo1_thumb.jpg" data-iview:image="photos/photo1.jpg"&gt;&lt;/div&gt;
	&lt;!-- Slide 2 --&gt;
	&lt;div data-iview:thumbnail="photos/photo2_thumb.jpg" data-iview:image="photos/photo2.jpg"&gt;&lt;/div&gt;
&lt;/div&gt;
</pre>
		
		<p>Hemen üzerine div class "iview-caption" ile bir div koyabilirsiniz, slayta başlık ekleyebilirsiniz:</p>
		
<pre class="brush: xml; toolbar: false; auto-links: false;">
&lt;div id="iview"&gt;
	&lt;!-- Slide 1 --&gt;
	&lt;div data-iview:thumbnail="photos/photo1_thumb.jpg" data-iview:image="photos/photo1.jpg"&gt;
		&lt;!-- Caption --&gt;
		&lt;div class="iview-caption" data-x="0" data-y="0" data-width="400" data-height="300" data-transition="wipeRight" data-speed="700"&gt;&lt;h3&gt;The Responsive Caption&lt;/h3&gt;This is the product that you &lt;b&gt;&lt;i&gt;all have been waiting for&lt;/b&gt;&lt;/i&gt;!&lt;br&gt;&lt;br&gt;Customize this slider with just a little HTML and CSS to your very needs. Give each slider some captions to transport your message.&lt;br&gt;&lt;br&gt;All in all it works on every browser (including IE6 / 7 / 8) and on iOS and Android devices!&lt;/div&gt;
	&lt;/div&gt;
	&lt;!-- Slide 2 --&gt;
	&lt;div data-iview:thumbnail="photos/photo2_thumb.jpg" data-iview:image="photos/photo2.jpg"&gt;
		&lt;!-- Caption --&gt;
		&lt;div class="iview-caption" data-x="70" data-y="70" data-transition="expandLeft"&gt;Caption Description&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
</pre>

		<p>Bir tane daha ekleyerek <b>html5 data-niteliği</b> "iview-caption" div için size resim yazısı efektine karar verebilirsiniz. <br>
		Olası efektler şunlardır: <br> "wipeLeft", "wipeRight", "wipeTop", "wipeBottom", "expandLeft", "expandRight", "expandTop", "expandBottom", "fade"</p>

<pre class="brush: xml; toolbar: false; auto-links: false;">
	&lt;div class="iview-caption" data-transition="fade"&gt;Caption description&lt;/div&gt;
</pre>

		<p>Bir resim yazısı bu durumda bir solma "fade" efekti ile gösterilir, bir veri-geçiş "data-transition" "fade" soldurma olabilir.<br>Daha fazla mevcut <b>HTML5 data-attributes</b>:</p> 
		
		<table>
			<thead> 
				<tr class="even"> 
					<th>Parametre</th> 
					<th>Kabul edilen değerler</th> 
				</tr> 
			</thead>
			<tbody>
				<tr>
					<td class="parameter" width="130">data-transition</td>
					<td>Geçiş türü, aşağıdakilerden herhangi biri olabilir:<br> <i>"wipeLeft", "wipeRight", "wipeTop", "wipeBottom", "expandLeft", "expandRight", "expandTop", "expandBottom", "fade"</i></td>
				</tr>
				<tr class="even">
					<td class="parameter" width="130">data-easing</td>
					<td>Tam liste için <a href="http://jqueryui.com/demos/effect/easing.html" target="_blank">http://jqueryui.com/demos/effect/easing.html</a></td>
				</tr>
				<tr>
					<td class="parameter">data-speed</td>
					<td>Milisaniye cinsinden süre geçişi.</td>
				</tr>
				<tr class="even">
					<td class="parameter" width="130">data-x</td>
					<td>Piksel olarak resim yazısı x konumu.</td>
				</tr>
				<tr>
					<td class="parameter">data-y</td>
					<td>Piksel olarak resim yazısı y konumu.</td>
				</tr>
				<tr class="even">
					<td class="parameter" width="130">data-width</td>
					<td>Piksel olarak resim yazısı genişliği, set değilse kaynak resim yazısı genişliğini alacak.</td>
				</tr>
				<tr>
					<td class="parameter" width="130">data-height</td>
					<td>Piksel olarak resim yazısı yükseklik ayarlamadıysanız eğer kaynak resim yazısı yüksekliğini alacak.</td>
				</tr>
			</tbody>
		</table>


		<h4>VIDEOLAR</h4>
		<p>Slayt gösterinizin içine <b> videoyu </b> dahil etmek için Slaytlarınızın içine bir iframe koymak gerekir:</p>

<pre class="brush: xml; toolbar: false; auto-links: false;">
&lt;div data-iview:image="photos/photo.jpg"&gt;
	&lt;!-- Video iFrame --&gt;
	&lt;iframe src="http://player.vimeo.com/video/11475955?byline=1&amp;portrait=0" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;

	&lt;!-- Caption --&gt;
	&lt;div class="iview-caption" data-x="70" data-y="70" data-transition="expandLeft"&gt;Caption Description&lt;/div&gt;
&lt;/div&gt;
</pre>
		<p>Gördüğünüz gibi ben <b>100%</b> genişlik ve iframe yüksekliğini ayarlamak, bu yüzden Slideshow büyüklüğü ile uygun olarak boyutu değişir. (Yani iframe video kendi oranını koruyacak).</p>

		<p>Son olarak <b>$(document).ready()</b>  function: kullanarak script komut dosyasını bağlamak gerekir</p>

<pre class="brush: js; toolbar: false; auto-links: false;">
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $('#slider').iView();
});
&lt;/script&gt;
</pre>
		<hr>

		<h3 id="availableParameters">B) Mevcut Parametreler - <a href="#toc">Yukarı</a></h3>

		<p>IView Slider ile vakit geçirmek için bol seçenek vardır. Aşağıdaki tüm seçenekler ve varsayılan ile bir kod örneği:</p>

<pre class="brush: js; toolbar: false; auto-links: false;">
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $('#slider').iView({
		fx: 'random', // Setleri belirtin: 'left-curtain,fade,zigzag-top,strip-left-fade'
		easing: 'easeOutQuad', // tam liste için  http://jqueryui.com/demos/effect/easing.html
		strips: 20, // Strip animasyonlar için şerit sayısı
		blockCols: 10, // Blok animasyonlar için blok sütun sayısı
		blockRows: 5, // Blok animasyonlar için blok satır sayısı
		captionSpeed: 500, // Resim yazısı geçiş hızı
		captionEasing: 'easeInOutSine', // Resim yazısı geçiş efekti hafifletilmesi
		captionOpacity: 1, // Resim yazısı donukluk
		animationSpeed: 500, // Slayt geçiş hızı
		pauseTime: 5000, // Her bir slayt ne kadar süreyle gösterecek
		startSlide: 0, // Slide başlangıç ayarlama (0 index)
		directionNav: true, // Sonraki ve Önceki navigasyon (Next & Previous navigation)
		directionNavHoverOpacity: 0.6, // Hover Saydamlık
		controlNav: true, // 1,2,3,4... navigasyon
		controlNavNextPrev: true, // önceki, sonraki navigasyon
		controlNavHoverOpacity: 0.6, // Hover Saydamlık navigasyonu
		controlNavThumbs: false, // küçük resim navigasyonu göster
		controlNavTooltip: true, // resim önizleyicide ipucu göster
		autoAdvance: true, // Kuvvetli otomatik geçişler
		keyboardNav: true, // sağ & sol okları kullan
		touchNav: true, // Slaytları değiştirmek için dokunun kaydırmayı kullanın
		pauseOnHover: false, // Üzerindeyken slider'ı Durdur
		nextLabel: "Next", // Sonraki "next" düğmesinin dizesini ayarlamak için (Çoklu Dil kullanımı)
		previousLabel: "Previous", // Önceki "previous" düğmesinin dizesini ayarlamak için (Çoklu Dil kullanımı)
		playLabel: "Play", // Oynatma "play" düğmesinin dizesini ayarlamak için (Çoklu Dil kullanımı)
		pauseLabel: "Pause", // Duraklatma "pause" düğmesinin dizesini ayarlamak için (Çoklu Dil kullanımı)
		closeLabel: "Close", // kapat "close" düğmesinin dizesini ayarlamak için (Çoklu Dil kullanımı)
		randomStart: false, // Rastgele slayt başlayın
		timer: 'Pie', // zamanlayıcı tarzı: "Pie", "360Bar" or "Bar"
		timerBg: '#000', // zamanlayıcı arka plan rengi
		timerColor: '#EEE', // zamanlayıcı rengi
		timerOpacity: 0.5, // zamanlayıcı saydamlık
		timerDiameter: 30, // zamanlayıcı çapı
		timerPadding: 4, // zamanlayıcı padding
		timerStroke: 3, // Zamanlayıcı vuruş genişliği
		timerBarStroke: 1, // Zamanlayıcı Bar vuruş genişliği
		timerBarStrokeColor: '#EEE', // Zamanlayıcı Bar kontur rengi
		timerBarStrokeStyle: 'solid', // Zamanlayıcı Bar inme stili
		timerX: 10, // Zamanlayıcı X pozisyon eşiği
		timerY: 10, // Zamanlayıcı Y pozisyon eşiği
		tooltipX: 5, // İpucu Penceresi X konumu eşiği
		tooltipY: -5, // İpucu Penceresi Y konumu eşiği
		onBeforeChange: function(){}, // Bir slayt geçişinden önce tetikler
		onAfterChange: function(){}, // Bir slayt geçiş sonra tetikler
		onSlideshowEnd: function(){}, // Tüm slaytlar gösterilmiştir sonra tetikler
		onLastSlide: function(){}, // Son slayt gösterildiğinde tetikler
		onAfterLoad: function(){}, // Slider yüklendiğinde tetikler
		onPause: function(){}, // Slider duraklatıldığı zaman tetikler
		onPlay: function(){} // Slider başlatıldığı zaman tetikler
    });
});
&lt;/script&gt;
</pre>

		<p>The <b>effect</b> parametresi aşağıdakilerden herhangi biri olabilir:</p>
		
		<ul>
			<li>random</li>
			<li>strip-down-right</li>
			<li>strip-down-left</li>
			<li>strip-up-right</li>
			<li>strip-up-left</li>
			<li>strip-up-down</li>
			<li>strip-up-down-left</li>
			<li>strip-left-right</li>
			<li>strip-left-right-down</li>
			<li>slide-in-right</li>
			<li>slide-in-left</li>
			<li>slide-in-up</li>
			<li>slide-in-down</li>
			<li>left-curtain</li>
			<li>right-curtain</li>
			<li>top-curtain</li>
			<li>bottom-curtain</li>
			<li>fade</li>
			<li>block-random</li>
			<li>block-fade</li>
			<li>block-fade-reverse</li>
			<li>block-expand</li>
			<li>block-expand-reverse</li>
			<li>block-expand-random</li>
			<li>block-drop-random</li>
			<li>zigzag-top</li>
			<li>zigzag-bottom</li>
			<li>zigzag-grow-top</li>
			<li>zigzag-grow-bottom</li>
			<li>zigzag-drop-top</li>
			<li>zigzag-drop-bottom</li>
			<li>strip-left-fade</li>
			<li>strip-right-fade</li>
			<li>strip-top-fade</li>
			<li>strip-bottom-fade</li>
		</ul>

		<hr>

		<h3 id="dataAttributes">C) HTML5 "data-" nitelikleri - <a href="#toc">Yukarı</a></h3>

		<p>Slaytta resmin URL HTML5 data- veri niteliğini kullanarak eklenir. Bu görüntüyü yüklemek için izin verir sadece slayt gösterisi onu çağırdığında (ağır yükleme yöntemi). <br><br>HTML5 dat- veri niteliğini kullanarak slayda birçok özellikler ekleyebilirsiniz genel olanları üzerine. Örneğin küçük resim URL'si:</p>

<pre class="brush: xml; toolbar: false; auto-links: false;">
&lt;div data-iview:thumbnail="photos/photo1_thumb.jpg" data-iview:image="photos/photo1.jpg"&gt;&lt;/div&gt;
</pre>

		<p>veya bir slayt için bir geçiş efekti sadece:</p>

<pre class="brush: xml; toolbar: false; auto-links: false;">
&lt;div data-iview:image="photos/photo1.jpg" data-iview:transition="zigzag-top"&gt;&lt;/div&gt;
</pre>

		<p>Birçok etkileri arasında rastgele bir geçiş ayarlayabilirsiniz:</p>

<pre class="brush: xml; toolbar: false; auto-links: false;">
&lt;div data-iview:image="photos/photo1.jpg" data-iview:transition="zigzag-top,top-curtain,fade"&gt;&lt;/div&gt;
</pre>

		<p>Aşağıda tüm diğer "data" olanaklarını görebilirsiniz:</p>

		<table>
			<thead> 
				<tr class="even"> 
					<th>Parametre</th> 
					<th>Kabul edilen değerler</th> 
				</tr> 
			</thead>
			<tbody>
				<tr>
					<td class="parameter" width="130">data-iview:transition</td>
					<td>Geçiş türü, aşağıdakilerden herhangi biri olabilir:<br> <i>"strip-down-right", "strip-down-left", "strip-up-right", "strip-up-left", "strip-up-down", "strip-up-down-left", "strip-left-right", "strip-left-right-down", "slide-in-right", "slide-in-left", "slide-in-up", "slide-in-down", "left-curtain", "right-curtain", "top-curtain", "bottom-curtain", "fade", "block-random", "block-fade", "block-fade-reverse", "block-expand", "block-expand-reverse", "block-expand-random", "block-drop-random", "zigzag-top", "zigzag-bottom", "zigzag-grow-top", "zigzag-grow-bottom", "zigzag-drop-top", "zigzag-drop-bottom", "strip-left-fade", "strip-right-fade", "strip-top-fade", "strip-bottom-fade"</i></td>
				</tr>
				<tr class="even">
					<td class="parameter" width="130">data-iview:easing</td>
					<td>tam liste için  <a href="http://jqueryui.com/demos/effect/easing.html" target="_blank">http://jqueryui.com/demos/effect/easing.html</a></td>
				</tr>
				<tr>
					<td class="parameter">data-iview:image</td>
					<td>Slayt resmin URL'si</td>
				</tr>
				<tr class="even">
					<td class="parameter" width="130">data-iview:thumbnail</td>
					<td>Slayt küçük resminin URL'si ('controlNavThumbs' seçeneğinin değeri true ise)</td>
				</tr>
				<tr>
					<td class="parameter">data-iview:pausetime</td>
					<td>sliding efekt etkisinin sonunda ve bir sonraki başlangıcı arasındaki milisaniye</td>
				</tr>
				<tr class="even">
					<td class="parameter" width="130">data-iview:type</td>
					<td>Slayt türü (video gösterisi için kaydırma çubuğunu optimize video ayarlayın)</td>
				</tr>
			</tbody>
		</table>

		<hr>

		<h3 id="cssStyles">D) CSS Stilleri ve Yapı - <a href="#toc">Yukarı</a></h3>

		<p>Bu örnek iki CSS dosyaları kullanıyorum. Bunlardan ilki bağlantı etiketi renk, font-boyutları, vb sayfası için bazı genel stil içermektedir.</p> 

		<p>İkinci dosya Belirli stilleriyle tüm script komut dosyası için içermektedir. Bu değerler dosyasında başka bir yerde geçersiz kılınmış olabileceğini aklınızda tutun. Dosya kullanarak bölümlere ayrılır:</p>  

<pre class="brush: css; toolbar: false; auto-links: false;">
/* Slider şeritler ve bloklar */
.iview-strip {
	some styles
}
.iview-block {
	some styles
}

/* Yön navigasyon stilleri (örneğin Next & Prev) */
.iview-directionNav a {
	some styles
}
.iview-prevNav {
	some styles
}
.iview-nextNav {
	some styles
}

/* Kontrol navigasyon stilleri (örneğin 1,2,3...) */
.iview-controlNav {
	some styles
}
.iview-controlNav a {
	some styles
}
.iview-controlNav a img {
	some styles
}
.iview-controlNav a.active {
	some styles
}

/* Slider resim yazıları */
.iview-caption {
	some styles
}

/* Slider zamanlayıcı */
#iview-timer {
	some styles
}

#iview-timer div {
	some styles
}

/* Slider Preloader önyükleyici */
#iview-preloader {
	some styles
}
#iview-preloader div {
	some styles
}

/* Slider video gösterisi */
.iview-video-show {
	some styles
}
.iview-video-show .iview-video-container {
	some styles
}
.iview-video-show .iview-video-container a.iview-video-close {
	some styles
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
	some styles
}


/* Slider tooltip ipucu */
#iview-tooltip {
	some styles
}

#iview-tooltip div.holder {
	some styles
}

#iview-tooltip div.holder div.container {
	some styles
}

#iview-tooltip div.holder div.container div {
	some styles
}

#iview-tooltip div.holder div.container div img {
	some styles
}
</pre>

		<hr>
		
		<h3 id="javascript">E) JavaScript - <a href="#toc">Yukarı</a></h3>
		
		<p><b>Slider duraklatma ve oynatma "pause ve play"?</b></p>
		
<pre class="brush: js; toolbar: false; auto-links: false;">
$('#slider').trigger('iView:pause'); //Slider Durdur
$('#slider').trigger('iView:play'); //Slider Başlat
</pre>
		
		<p><b>Slayt değiştirme?</b></p>
		
<pre class="brush: js; toolbar: false; auto-links: false;">
$('#slider').trigger('iView:goSlide', [2]); //2. slayta git
</pre>
		
		<p><b>Slider önceki ve sonraki "next & previous"?</b></p>
		
<pre class="brush: js; toolbar: false; auto-links: false;">
$('#slider').trigger('iView:previous'); //Önceki slayta git
$('#slider').trigger('iView:next'); //Bir sonraki slayta git
</pre>
		
		<p><b>Rasgele bir başlangıç ​​slayt nasıl ayarlanır?</b></p>
		
<pre class="brush: js; toolbar: false; auto-links: false;">
var total = $('#slider').children().length;
var rand = Math.floor(Math.random()*total);
$('#slider').iView({
	startSlide:rand
});
</pre>
		
		
		<hr>
		
		<p>Eğer bu yardım dosyasının kapsamı dışında herhangi bir sorunuz varsa, benim <a href="http://iprodev.com/contact/">iletişim sayfası</a> formu aracılığıyla E-posta göndermekten çekinmeyin. Herhangi bir sorunuz varsa size yardımcı olmaktan mutluluk duyarım. Çok teşekkürler!</p> 
		
		<p><a href="#toc">İçindekiler'e Git</a></p>
		<div class="separator" style="clear: both; text-align: center;">
		<img alt="MeftunMede.Blogspot.com" src="http://1.bp.blogspot.com/-rVsNPNHIX8E/UAgNcPyWbtI/AAAAAAAAAHo/-LczSB2OxCE/s400/Angel_Mef.png" border="0" height="87" width="225"/><br>
        <div class="mef a">
        <p>&#169; 2014 <a href='http://MeftunMede.Blogspot.com'>MeftunMede.Blogspot.com </a></p>
        </div>
		</div>
    </div><!-- div .container sonu -->
</body>
</html>